html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin: 0px; padding: 0px;}
html,body,img{border:0;}
a,img{margin: 0px; padding: 0px;}

a:link{color: #666666; text-decoration: none;}
a:visited{color: #666666; text-decoration: none;}
a:hover{text-decoration: underline; color: #666666;}

/* background-color: #dfe8f6; color: #4f004f; */
body{font-size: 13px; color: #333333;}
img{border: 0px solid #ffffff; vertical-align: middle;}
.main{margin: 4px 4px 4px 4px;}
.show{display: block;}
.hide{display: none;}

.bb{font-weight: bold;}
.nowrap{white-space: nowrap;}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.red{color: #ff0000;}
.gray{background-color: #efefef;}
.white{background-color: #ffffff;}

.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w124{width: 124px;}
.w128{width: 128px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w240{width: 240px;}
.w250{width: 240px;}
.w260{width: 240px;}
.w280{width: 280px;}
.w300{width: 300px;}
.w320{width: 320px;}
.w360{width: 360px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}

.h10{height: 10px;}
.h20{height: 20px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}
.h120{height: 120px;}
.h140{height: 140px;}
.h150{height: 150px;}
.h160{height: 160px;}
.h180{height: 180px;}
.h200{height: 200px;}
.h220{height: 220px;}
.h240{height: 240px;}
.h250{height: 250px;}
.h260{height: 260px;}
.h270{height: 270px;}
.h280{height: 280px;}
.h290{height: 290px;}
.h300{height: 300px;}
.h320{height: 320px;}
.h340{height: 340px;}
.h360{height: 360px;}
.h380{height: 380px;}
.h400{height: 400px;}
.h420{height: 420px;}
.h450{height: 450px;}
.h460{height: 460px;}
.h480{height: 480px;}
.h500{height: 500px;}
.h600{height: 600px;}
.h700{height: 700px;}
.h800{height: 800px;}

.lpad0{padding-left: 0px;}
.lpad2{padding-left: 2px;}
.lpad4{padding-left: 4px;}
.lpad5{padding-left: 5px;}
.lpad6{padding-left: 6px;}
.lpad8{padding-left: 8px;}
.lpad10{padding-left: 10px;}
.lpad12{padding-left: 12px;}
.lpad14{padding-left: 14px;}
.lpad16{padding-left: 16px;}
.lpad18{padding-left: 18px;}
.lpad20{padding-left: 20px;}
.lpad24{padding-left: 24px;}
.lpad28{padding-left: 28px;}
.lpad30{padding-left: 30px;}
.lpad32{padding-left: 32px;}
.lpad36{padding-left: 36px;}
.lpad40{padding-left: 40px;}

span.required{color: #ff0000;}
.noborder{border: none;}

input.text{padding-left: 2px; height: 20px; border: 1px solid #c0c0c0; font-size: 13px; outline: none; color: #000000;}
input.text2{padding-left: 2px; height: 18px; border: 1px solid transparent; font-size: 13px; outline: none; color: #333333;}
input.text2:focus{border: 1px solid #c0c0c0; color: #000000;}

input.required{padding-left: 2px; height: 22px; border: 1px solid #c0c0c0; outline: none; color: #000000;}
input.disabled{border: 1px solid #a9a9a9; background-color: #ffffff; color: #808080;}
select{height: 22px;}
select.required{padding-left: 2px; height: 22px; border: 1px solid #ff8f39; background-color: #faffbd; outline: none; color: #000000;}
select.dd1{height: 18px; margin-left: -4px; border: none; font-size: 10px; line-height: 20px; color: #9c9c9c;}
textarea.editor{padding-left: 2px; width: 98%; border: 1px solid #7f9db9; font-size: 13px; outline: none; resize: none; color: #000000;}
span.edit{margin-top: -3px; margin-left: 4px; width: 16px; height: 16px; background: transparent url(../images/edit.gif) no-repeat 0px 0px; vertical-align: middle; display: inline-block;}

/* #99bbe8 #7f9db9 #bdcfec #418bca #dfe8f6 #ff6a00 */
iframe.iframe{margin: 0px 0px -3px 0px; margin-left: 0px; width: 100%; height: 100%; border: 0px solid #5183dc; background-color: #ffffff; z-index: 100; overflow: hidden;}
div.left-nav{border-right: 4px solid #bdcfec;}
div.menu-head{height: 30px; padding-left: 18px; border-bottom: 2px dashed #a3c4d7; background: url(../images/viewtip.jpg) no-repeat 4px 10px #f5faff; line-height: 30px;}
div.menu-head h4{font-size: 14px; font-weight: bold;}
div.menu-body{padding-left: 0px;}

/* menu-panel */
div.menu-panel {padding-top: 4px; padding-left: 4px; height: 24px; border-bottom: 3px solid #ff6a00; background-color: #ffffff; overflow: hidden;}
div.menu-panel h4 {
    float: left;
    margin: 0px 4px 0px 0px;
    padding: 0px 16px;
    height: 24px;
    line-height: 28px;
    outline: medium none;
    border-radius: 4px 4px 0px 0px;
    background-color: #ff6a00;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #ffff00;
    cursor: default;
    display: inline-block;
    -moz-user-select:none;
    -webkit-user-select:none;
}
div.menu-panel h4 span{font-size: 12px; color: #999999;}
div.menu-panel div.menu {float: left; margin: 0px 0px 0px 20px; overflow: hidden;}

div.menu-panel div.menu a.item {
    display: inline-block;
    float: left;
    outline: medium none;
    margin: 8px 4px 0px 0px;
    padding: 4px 16px 4px 16px;
    background-color: #f3f3f3;
    border-radius: 4px 4px 0px 0px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #999999;
}

/* #ffa200 */
div.menu-panel div.menu a:hover {background-color: #ff6a00; color: #ffff00;}
div.menu-panel div.menu a.active {background-color: #ff6a00; color: #ffffff;}

/* common border: 5px solid #b9d9f9; frame-background-color: #bdcfec */
div.frame, div.dialog {
    border: 1px solid #a0a0a0;
    border-radius: 4px 4px 4px 4px;
    background-color: #f1eded;
    -webkit-box-shadow: 8px 8px 8px #bdcfec;
    -moz-box-shadow: 8px 8px 8px #bdcfec;
    box-shadow: 6px 6px 6px #dddddd;
    overflow: hidden;
}
div.dialog{z-index: 99999; display: none;}

div.panel{overflow: hidden;}
div.panel div.panel-title{
    clear: both;
    height: 28px;
    padding: 0px 0px 0px 4px;
    border-bottom: 1px solid #a0a0a0;
    background: transparent url(../images/panel-title-bg.gif) repeat-x 0px 0px;;
    cursor: default;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
div.panel div.panel-title h4 {
    float: left;
    margin: 6px 0px 2px 0px;
    padding: 0px 0px 2px 18px;
    background: transparent url(../images/viewtip.gif) no-repeat 0px 2px;
    text-align: left;
    font-size: 13px;
    color: #333333;
}

div.panel div.panel-title span.min {
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    background: transparent url(../images/min.gif) no-repeat 0px 0px;
    display: inline-block;
}

div.panel div.panel-title span.max {
    float: right;
    margin-top: 2px;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    background: transparent url(../images/max.gif) no-repeat 0px 0px;
    display: inline-block;
}

div.panel div.panel-title span.close {
    float: right;
    margin-top: 7px;
    margin-right: 4px;
    width: 14px;
    height: 14px;
    background: transparent url(../images/close.gif) no-repeat 0px 0px;
    display: inline-block;
}

div.panel div.panel-title span.min:hover {background: transparent url(../images/min.gif) no-repeat 0px -20px;}
div.panel div.panel-title span.max:hover {background: transparent url(../images/max.gif) no-repeat 0px -20px;}
div.panel div.panel-title span.close:hover {background: transparent url(../images/close.gif) no-repeat 0px -14px;}
div.panel div.panel-title h4 a{color: #666666;}
div.panel div.panel-title h4 span.label {font-size: 12px; font-weight: normal;}
div.panel div.panel-title h4 span.label strong {font-weight: bold; color: #ff6a00;}

div.panel-content{
    border-top: 6px solid #bad2ea;
    border-left: 6px solid #bad2ea;
    border-right: 6px solid #bad2ea;
    border-bottom: 6px solid #bad2ea;
    background-color: #f1eded;
    overflow: hidden;
}

div.panel-border{
    border: 4px solid #bdcfec;
    background-color: #ffffff;
}

div.menu-bar{
    margin: 0px;
    height: 24px;
    padding: 3px 4px 3px 4px;
    border-top: 0px solid #7f9db9;
    border-left: 0px solid #7f9db9;
    border-right: 0px solid #7f9db9;
    border-bottom: 1px solid #c0c0c0;
    background-color: #efefef; /* #b9d1ea */
    overflow: hidden;
}

div.menu-bar button{
    float: left;
    margin-right: 10px;
    padding: 0px 16px 0px 6px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #99b6db;
    border-radius: 2px;
    background-color: transparent;
    outline: medium none;
    text-decoration: none;
    color: #666666;
}

div.menu-bar button:hover{
    border: 1px solid #99b6db;
    background: transparent url(../images/menu-button.gif) repeat-x scroll 0px 0px;
}

div.menu-bar button span{
    float: left;
    margin-top: 4px;
    width: 20px;
    height: 18px;
    background: transparent url(../images/sprite.gif) no-repeat scroll 0px 0px;
    display: inline-block;
}

div.menu-bar button span.add{background-position: 0px -47px;}
div.menu-bar button span.save{background-position: -58px 0px;}
div.menu-bar button span.delete{background-position: 0px -92px;}
div.menu-bar button span.back{background-position: 0px 0px;}
div.menu-bar button span.refresh{background-position: -20px 0px;}

div.menu-bar a.button{
    float: left;
    margin-right: 10px;
    padding: 0px 16px 0px 16px;
    height: 24px;
    line-height: 24px;
    border: none;
    background-color: #418bca;
    border-radius: 4px;
    outline: none;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    cursor: default;
}

div.menu-bar a.disabled{
    background-color: #dddddd;
    background-image: none;
}

div.menu-bar a.button span{
    float: left;
    margin-top: 0px;
    width: 16px;
    height: 20px;
    background: transparent url(../images/sprite.gif) no-repeat scroll 0px 0px;
    display: inline-block;
}

div.menu-bar a.button span.loading{background: transparent url(../images/loading.gif) no-repeat scroll 0px 3px;}
div.menu-bar a.button span.add{background-position: 0px -43px;}
div.menu-bar a.button span.save{width: 18px; background-position: 0px -68px;}
div.menu-bar a.button span.delete{background-position: 0px -114px;}
div.menu-bar a.button span.back{background-position: 0px 0px;}
div.menu-bar a.button span.refresh{background-position: -20px 0px;}
div.menu-bar a.button span.run{background-position: -50px 1px;}
div.menu-bar a.button span.stop{background-position: -50px -19px;}

div.menu-bar ul{list-style: none;}
div.menu-bar ul li{
    float: left;
    width: 84px;
    height: 24px;
    margin-top: 4px;
    margin-left: 4px;
    line-height: 20px;
    text-align: right;
}

div.menu-bar ul li.w64{
    float: left;
    width: 64px;
    height: 24px;
    margin-top: 1px;
    margin-left: 4px;
    line-height: 20px;
    text-align: right;
    color: #0f2c64;
}

div.menu-bar ul li.w84{
    float: left;
    width: 84px;
    height: 24px;
    margin-top: 1px;
    margin-left: 4px;
    line-height: 20px;
    text-align: right;
    color: #0f2c64;
}

div.menu-bar ul li.w98{
    float: left;
    width: 98px;
    height: 24px;
    margin-top: 1px;
    margin-left: 4px;
    line-height: 20px;
    text-align: right;
    color: #0f2c64;
}

div.menu-bar ul li:hover{background: transparent url(../images/panel-menu-item-over.gif) no-repeat scroll 0px 0px; cursor: pointer;}
div.menu-bar ul li.w64:hover{background: transparent url(../images/panel-menu-item-over64.gif) no-repeat scroll 0px 0px; cursor: pointer;}
div.menu-bar ul li.w84:hover{background: transparent url(../images/panel-menu-item-over84.gif) no-repeat scroll 0px 0px; cursor: pointer;}
div.menu-bar ul li.w98:hover{background: transparent url(../images/panel-menu-item-over98.gif) no-repeat scroll 0px 0px; cursor: pointer;}
div.menu-bar ul li.disabled{background: none; color: #aca899; cursor: default;}
div.menu-bar ul li.disabled:hover{background: none; color: #aca899; cursor: default;}

/* color: #1542AD; */
div.menu-bar ul li h4{
    float: left;
    padding-left: 24px;
    line-height: 26px;
    font-size: 13px;
    color: #0f2c64;
}

div.menu-bar ul li h4.back{background: transparent url(../images/panel-icon-back.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.add{background: transparent url(../images/panel-icon-add.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.delete{background: transparent url(../images/panel-icon-delete.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.update{background: transparent url(../images/panel-icon-update.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.save{background: transparent url(../images/panel-icon-save.gif) no-repeat scroll 6px 5px;}
div.menu-bar ul li h4.ensure{background: transparent url(../images/panel-icon-update.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.admin{background: transparent url(../images/panel-icon-admin.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.ctrl{background: transparent url(../images/panel-icon-ctrl.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.import{background: transparent url(../images/panel-icon-import.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.export{background: transparent url(../images/panel-icon-export.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.report{background: transparent url(../images/panel-icon-report.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.useradd{background: transparent url(../images/panel-icon-useradd.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.assign{background: transparent url(../images/panel-icon-assign.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.resolve{background: transparent url(../images/panel-icon-resolve.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.print{background: transparent url(../images/panel-icon-print.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.bugadd{background: transparent url(../images/panel-icon-bugadd.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.search{background: transparent url(../images/panel-icon-search.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.preview{background: transparent url(../images/panel-icon-preview.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.export{background: transparent url(../images/panel-icon-export.gif) no-repeat scroll 4px 4px;}
div.menu-bar ul li h4.disable{color: #aca899; cursor: default;}

/* menu for desktop */
div.panel-menu{padding: 6px; border: 1px #c0c0c0 solid; text-align: left; font-weight: normal;}
div.panel-menu ul{margin: 0px; padding: 0px; list-style: none;}
div.panel-menu ul li{
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    text-align: left;
}

div.panel-menu ul li a{/* white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */}
div.panel-menu ul li a, img{margin: 0px; padding: 0px;}
div.panel-menu ul li img{border: 0px solid #ffffff; vertical-align: middle;}
div.panel-menu ul li a:link{color: #1f3a87; text-decoration: none;}
div.panel-menu ul li a:visited{color: #1f3a87; text-decoration: none;}
div.panel-menu ul li a:hover{text-decoration: underline; color: #bc2931;}

/* #93b7dc */
div.form-panel{padding: 4px; border-bottom: 1px solid #c0c0c0; background-color: #f8f8f8; overflow: hidden;}
div.search-panel{padding-top: 10px; padding-left: 10px; padding-bottom: 10px; background-color: #dfe8f6; border: 1px solid #7f9db9;}

div.panel-body{padding: 10px; border: 1px solid #7f9db9;}
div.list-panel{padding: 0px; background-color: #ffffff;}

div.pageinf{padding-left: 10px;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    height: 60px; line-height: 60px;
}
/* panel end */

div.split-bar{height: 5px; background-color: #e8e8e8; cursor: row-resize;}

/* tab panel */
div.tab-panel-wrap{overflow: hidden;}
div.tab-label-wrap{padding-top: 4px; padding-left: 4px; height: 24px; border-bottom: 3px solid #ff6a00; background-color: #ffffff; overflow: hidden;}
div.tab-label-wrap ul li.tab-label{
    float: left;
    margin: 0px 4px 0px 0px;
    height: 24px;
    line-height: 28px;
    outline: medium none;
    border-radius: 4px 4px 0px 0px;
    background-color: #f3f3f3;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #888888;
    cursor: default;
    display: inline-block;
    -moz-user-select:none;
    -webkit-user-select:none;
}

div.tab-label-wrap ul li.tab-label:hover {background-color: #ff6a00; color: #ffff00;}
div.tab-label-wrap ul li.tab-active{background-color: #ff6a00; color: #ffffff;}
div.tab-label-wrap ul li.tab-active:hover{background-color: #ff6a00; color: #ffffff;}

div.tab-label-wrap ul li.tab-label span.icon{margin-left: 4px; width: 16px; height: 16px;}
div.tab-label-wrap ul li.tab-label span.label{padding-left: 16px; padding-right: 16px;}
div.tab-label-wrap ul li.tab-label span.close{
    float: right;
    margin-top: 6px;
    margin-left: 0px;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    background: transparent url("../images/tab-close.gif") no-repeat 0px 0px;
}
div.tab-label-wrap ul li.tab-label span.close:hover{background-position: -15px; 0px}
div.tab-label-wrap span.add{margin-top: 4px; margin-left: 4px; display: inline-block; width: 18px; height: 18px; background: transparent url("../images/add.gif") no-repeat 0px 0px;}
div.tab-label-wrap span.add:hover{background-position: -18px; 0px}
div.tab-panel{clear: both; display: none;}
div.resize-x{overflow-x: hidden;}
div.resize-y{overflow-y: hidden;}
div.resize-d{overflow: hidden;}
/* tab panel end */

/** editor */
.sql-editor{
    padding: 4px;
    height: 100px;
    line-height: 18px;
    border: 1px solid #c0c0c0;
    background-color: #ffffff;
    outline: none;
    font-family: Consolas;
    font-size: 14px;
    color: #333333;
    overflow: scroll;
    user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only;
}
.sql-editor p{line-height: 20px;}
.sql-editor span.atom{color: #9a0088;}
.sql-editor span.builtin{color: #0000ff;}
.sql-editor span.comment{color: #008000;}
.sql-editor span.keyword{color: #ff0000;}
.sql-editor span.string{color: #ff00ff;}
.sql-editor span.number{color: #ff00ff;}
.sql-editor div.error{color: #ff0000;}
.sql-editor div.info{color: #008000;}

div.result-panel{height: 300px; background-color: #ffffff; overflow: scroll;}
div.operator{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}

div.operator input.button{
    margin-right: 10px;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 4px;
    color: #333333;
    cursor: default;
    text-decoration: none;
    -webkit-user-select: none;
}
div.operator input.ensure{}
div.operator input.ensure{border: 1px solid #d73104; background-color: #d73104; color: #ffffff;}
div.operator input.ensure:hover{border: 1px solid #ff6600; background-color: #ff6600; color: #ffffff;}
div.operator input.cancel:hover{background-color: #418bca; color: #ffffff;}

div.operator input.disabled{border: 1px solid #cccccc; background-color: #dddddd; color: #6d6d6d; cursor: default;}
div.operator input.disabled:hover{border: 1px solid #cccccc; background-color: #dddddd; color: #6d6d6d; cursor: default;}

/* --------------------------- */
div.status-bar{
    padding-left: 4px; height: 30px;
    border-top: 1px solid #abadb3;
    border-bottom: 0px solid #93b7dc;
    background: transparent url(../images/pagebar.gif) repeat scroll 0px -30px;
}

div.status-bar div{
    float: left;
    height: 30px;
}

div.status-bar div h4{
    height: 30px;
}

div.status-bar div:hover{
    background: transparent url(../images/movebuttons.gif) no-repeat scroll -110px 0px;
}

div.status-bar div h4.movetop{
    width: 22px;
    background: transparent url(../images/movebuttons.gif) no-repeat scroll 0px 0px;
}

div.status-bar div h4.moveup{
    width: 22px;
    background: transparent url(../images/movebuttons.gif) no-repeat scroll -22px 0px;
}

div.status-bar div h4.movedown{
    width: 22px;
    background: transparent url(../images/movebuttons.gif) no-repeat scroll -44px 0px;
}

div.status-bar div h4.movebottom{
    width: 22px;
    background: transparent url(../images/movebuttons.gif) no-repeat scroll -66px 0px;
}

/* table start */
/* firefox */
html>/**/body .listpanel{padding-left: 1px;}

table.nowrap td{white-space: nowrap;}
div.table{top: 80px; left: 200px; position: absolute; display: none;}
div.table div.title{
    height: 24px;
    padding-left: 0px;
    border-top: 0px solid #93b7dc;
    border-left: 0px solid #93b7dc;
    border-right: 0px solid #93b7dc;
    border-bottom: 1px solid #93b7dc;
    background: transparent url(../images/panel-title-bg.gif) repeat scroll 0px 0px;
    line-height: 24px;
    font-weight: bold;
    color: #0f2c64;
    cursor: default;
}
/* margin: 0px; padding: 0px; background: transparent url(../images/panel-title-icon.gif) no-repeat scroll 5px 4px; */
div.table div.title h4{padding-left: 4px; font-size: 13px;}
div.table div.title h4 span.icon-table{float: left; width: 18px; height: 22px; padding-top: 0px; padding-left: 0px; background: transparent url(../images/table.gif) no-repeat scroll 0px 5px;}
div.table div.title span.button{
    float: right;
    width: 28px;
    height: 22px;
    padding-top: 0px;
    padding-left: 0px;
}
div.table div.title span.close{width: 20px; padding-top: 0px; background: transparent url(../images/close.gif) no-repeat scroll 0px 0px;}

table{
    width: 100%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    font-size: 13px;
}

table.table{
    width: 100%;
    border-spacing: 0px 0px;
    background-color: #ffffff;
    border-collapse: collapse;
    font-size: 13px;
}

table.table td, table.table th{
    border-top: 0px #c0c0c0 solid;
    border-left: 0px #c0c0c0 solid;
    border-right: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}

table.table tr.thead{height: 26px; background: transparent url(../images/thead.gif) repeat scroll 0px 0px;}
table.table tr.thead td, table.table tr.thead th{
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #0f2c64;
}

table.table tr.thead td, table.table tr.thead h4{padding-left: 2px; font-size: 13px;}
table.table tr.thead td, table.table tr.thead h4 img{margin-top: -1px;}
table.table tr th{white-space: nowrap;}

table.table tr td{
    padding-left: 2px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
}

table.table tr td.c1, table.table tr th.c1{
    width: 40px;
    padding-left: 0px;
    background: transparent url(../images/thead.gif) repeat scroll 0px 0px;
    vertical-align: middle;
    text-align: center;
}

table.table tr td.c2, table.table tr th.c2{
    width: 40px;
    padding-left: 0px;
    background-color: #efefef;
    vertical-align: middle;
    text-align: center;
}

/* #00ffff #316ac5 #d5c906 #e8f2fe #fcf35e */
table.table tr.hl{background-color: #efefef;}
table.table tr.hl input[type=text]{border: 1px solid #c0c0c0;}
table.table tr.old{background-color: #ffffff;}
table.table tr.even{background-color: #f9f9f9;}
table.table tr.hover{background-color: #e8f5fe;}
table.table tr.clicked{background-color: #ffffdd;}
table.form tr td{height: 36px; padding-left: 2px; white-space: nowrap;}

table.list tr td{
    border-top: 0px #c0c0c0 solid;
    border-left: 0px #c0c0c0 solid;
    border-right: 1px #c0c0c0 solid;
    border-bottom: 1px #c0c0c0 solid;
}
table.list tr.head td{
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    background-color: #eaf8ff;
    font-weight: bold;
    text-align: center;
    color: #555555;
}

table.list tr.head td em{font-style: normal;}
table.list tr.head td em.title{float: left; height: 20px; line-height: 20px;}
table.list tr.head td em.order{float: left; width: 20px; height: 20px;}
table.list tr.head td em.asc{background: url(../images/narrow.gif) repeat-y scroll 0px 0px transparent;}
table.list tr.head td em.desc{background: url(../images/narrow.gif) repeat-y scroll 0px -20px transparent;}
table.list tr td{padding-left: 2px; line-height: 24px;}
table.list tr td a.ellipsis, table.list tr td span.ellipsis{display: inline-block; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
td, th input[type="checkbox"]{}

/* table end */
.copyright{clear: both; padding: 20px 10px 10px 0; font-size: 13px; text-align: right;}

td a.btn {
    margin: 0px 6px 0px 0px;
    padding: 0px 12px;
    height: 24px;
    line-height: 24px;
    border: none;
    background-color: #418bca;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    color: #ffffff;
    cursor: default;
}
td a.btn:hover{color: #ffffff;}

/* data grid */
table.data-grid{
    width: 100%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid transparent;
    font-size: 12px;
}

table.data-grid tr{height: 22px;}
table.data-grid tr td{padding: 0px 4px; border: 1px solid #dddddd;}

table.data-grid tr.thead{
    height: 26px;
    background-color: #eaf8ff;
}

table.data-grid tr.thead td, table.data-grid tr.thead th{
    border: 1px solid #dddddd;;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    color: #0f2c64;
}

table.data-grid tr.thead td, table.data-grid tr.thead h4{
    font-size: 13px;
}

table.data-grid tr.thead td, table.data-grid tr.thead h4 img{
    margin-top: -1px;
}

table.data-grid tr th{white-space: nowrap;}

table.data-grid tr td{
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
}

table.data-grid tr td.c1, table.data-grid tr th.c1{
    width: 40px;
    vertical-align: middle;
    text-align: center;
}

table.data-grid tr td.c2, table.data-grid tr th.c2{
    width: 40px;
    vertical-align: middle;
    text-align: center;
}

table.data-grid tr.old{background-color: #ffffff;}
table.data-grid tr.even{background-color: #f9f9f9;}
table.data-grid tr.hover{background-color: #e8f5fe;}
table.data-grid tr.clicked{background-color: #ffffdd;}
